<template>
    <div class="app-container">
        <el-tabs v-model="activeName">
            <el-tab-pane label="店铺管理" name="first">
                <store v-if="activeName == 'first'" />
            </el-tab-pane>
            <el-tab-pane label="水果类型" name="second">
                <myCategory v-if="activeName == 'second'" />
            </el-tab-pane>
            <el-tab-pane label="店铺水果" name="third">
                <myFruit v-if="activeName == 'third'" />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import store from "@/views/fruitStore/compents/store.vue";
import myFruit from "@/views/fruitStore/compents/myFruit.vue";
import myCategory from "@/views/fruitStore/compents/myCategory.vue";
export default {
    data() {
        return {
            activeName: 'first'
        };
    },
    components: {
        store,
        myCategory,
        myFruit
    },
    methods: {

    }
};
</script>